<template>
  <div class="page">
    <Nav class="header" />
    <div class="blog-container">
      <Left />
      <Nuxt />
      <Right />
    </div>
    <Footer class="footer" />
  </div>
</template>
<script>
import Left from './blog/Left'
import Right from './blog/Right'
export default {
  components: {
    Left,
    Right,
  },
}
</script>
<style>
.page {
  display: grid;
  grid-auto-rows: 60px auto 112px;
}
.blog-container {
  display: grid;
  margin: 0 auto;
  max-width: 1920px;
  grid-template-columns: 320px 1024px 320px;
  grid-gap: 10px;
}
</style>
